<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../legou_03151/legou project/lib/轮播插件/javascripts/jquery-1.11.0.js"></script>
</head>
<body>
    <form action="./测试.html" id="denglu">
    <p> 请输入用户名:<input type="text" name="uname"> <span>帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)</span></p>
    <p>请输入密码:<input type="password" name="psw"><span>密码(以字母开头，长度在6~18之间，只能包含字母、数字和下划线)</span></p>
    <p> <input type="submit" ></p>
</form>
    <script>
        // let arr=[];
        let obj2={
            uasename:false,
            pwd:false,
        }
        $("input").blur(function(){
            // let value1=$(this).val()
            //  let bool1=/^[a-zA-Z][a-zA-Z0-9_]{4,15}$/ 
            //         let a= bool1.test(value1)  
            //   if(a){
            //       $(this).next().text("正确")
            //   }else{
            //     $(this).next().text("不正确")
            //   }
              let  obj={
                text:/^[a-zA-Z][a-zA-Z0-9_]{4,15}$/,
                password:/^[a-zA-Z]\w{5,17}$/,
             }
             let value1=$(this).val();
            
             let   type1= $(this).prop("type");

             let  bool1=obj[type1].test(value1);
             
               if(bool1){
                   $(this).next().text("正确");
                   obj2["uasename"]=true;
                   obj2["pwd"]=true;
               }else{
                   $(this).next().text("不合法")
               }
               arr.push(bool1)
           
                     })
                    
                     $("#denglu").submit(function(){
                  
                    // if(arr.indexOf(false)===-1){
                      
                    //     return true
                    // }else{
                    //     return false
                    // }
                       for(i in obj2){
                      if(  obj2[i]===false){
                       return false
                      }
                       }
                  

                    
                     })
                  
    </script>
</body>
</html>